<template>
 <div class="container">
  <p>Child</p>
  <p>{{childCount}}</p>
<button @click="childCount++">按钮</button>

 </div>
</template>
<script>
export default {
 name:'Child',
 // 使用父子传来的数据
 // props:{
 //  count:Number,
 // }
 // props书写第二种，里面要写成字符串
 // v-model传来的值用value来接收
 props:["value"],
 // props:{
 //  count:{
 //   type:Number,
 //   required:true,
 //   validator(val){
 //    return val>12
 //   }
 //  }
 // }
 data(){
  return{
   childCount:this.value
  }
 },
 // computed:{
 //  update(){
 //   return this.childCount++
 //  }
 // }
}


</script>
<style scoped>
.container{
 background-color:green;
}
</style>

